<script setup>

// 父传子 props 接收

const  props = defineProps({
  msg:String
})

// 子传父
// 2. 通过  defineEmits编译器宏生成emit方法
const emit = defineEmits(['get-message'])
// 3. 触发自定义事件, 并把参数传过去
emit('get-message','hi  我是 子组件')


// 模板引用  ref
// 1. 先调用ref函数生成ref对象       (ref="xxxx"   $ref.xxx
import { ref } from 'vue'

const boxRef = ref(null)
console.log('boxRef -=====',boxRef);


</script>



<template>
  子组件 : {{ msg }}

  <hr>
  <!-- 2. 通过ref标识绑定ref对象 -->
  <div ref="boxRef" class="box">我是box</div>

</template>

